<div nz-row [nzGutter]="16">
  <div nz-col [nzXs]="24" [nzSm]="12" [nzMd]="7" class="mb-md">
        <div nz-row nzType="flex" nzAlign="middle" class="bg-primary rounded-md" (click)="doSignIn()">
            <div nz-col nzSpan="12" class="p-md text-white">
                <div class="h3 mt0">
                    <i class="anticon anticon-clock-circle-o"></i>&nbsp;{{signInState}}
                </div>
                <p class="text-nowrap">{{curDay}} {{week}}</p>
            </div>
            <div nz-col nzSpan="12">
                <div *ngIf="showBar">
                    <mini-bar height="35" color="#fff" borderWidth="3" [padding]="[36, 30, 30, 30]" [data]="data"></mini-bar>
                </div>
            </div>
        </div>
  </div>
</div>
<nz-tabset [nzSize]="'default'" [nzSelectedIndex]="0">
    <nz-tab>
        <ng-template #nzTabHeading>
            <a>今日签到({{todaySignInCount}})</a>
        </ng-template>
        <span>
            <app-today-signin [userSignIn]="userSignIn"></app-today-signin>
        </span>
    </nz-tab>
    <nz-tab>
        <ng-template #nzTabHeading>
            <a>我的签到({{userSignInCount}})</a>
        </ng-template>
        <span>
            <app-myself-signin></app-myself-signin>
        </span>
    </nz-tab>
</nz-tabset>